<template>
	<view>
		<view class="con">
			<view class="con-header">
				<image src="https://dsfs.oppo.com/store/cn/m/img/banner.498a6e3f.png"></image>
			</view>
			<view class="con-list">
				<view class="list-order">
					<view style="color: #0368d7;" class="list-order-1">认证方式</view>
					<view class="list-order-2">
						<view class="type-layout">
							<view class="type-title">认证方式1</view>
							<view class="type-img"><image src="../../image/收件箱.png"></image></view>
							<view class="type-inbtn">
								<view class="type-btn">绑定教育邮箱</view>
							</view>
						</view>
						<view class="">
							<view class="type-layout">
								<view class="type-title">认证方式2</view>
								<view class="type-img"><image src="../../image/身份证.png"></image></view>
								<view class="type-inbtn">
									<view class="type-btn">上传学生证/准考证</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		
		methods: {
			
		}
	}
</script>

<style>
.con{
	/* border-radius: 50%; */
	padding-top: 30rpx;
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.con-header{
	border-radius: 30%;
}
.con-header image{
		width: 100%;
		
}
.list-order-1{
	display: flex;
	justify-content: center;
}
.list-order-2{
	
	
}
.type-layout{
	padding: 0.26rem 0 0.3rem 0;
	text-align: center;
	background: rgba(0,122,255,0.08);
	border-radius: 0.14rem;
	
	
}
.type-title{
	width: 100%;
	color: #0368d7;
	font-size: 0.24rem;
	line-height: 0.34rem;
	text-align: center;
}
.type-img image{
	width: 40rpx;
	height: 40rpx;
	margin: 0.2rpx auto 0;
}
.type-inbtn{
	display: flex;
	justify-content: center;
}
.type-btn{
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(90deg, #007aff 0%, #0686d8 100%);
	border-radius: 0.42rem;
	width: 120rpx;
	height: 25rpx;
	font-size: 0.3rem;
}
</style>
